<!-- Hight level Armor -->
<!-- Author: e-Zobar -->
<!-- All pictures copyright: www.worldofwarcraft.com -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html>
<head>
	<title>Armor Sets</title>
<style type="text/css">

		BODY	  {  BACKGROUND-COLOR: #000000;  BACKGROUND-REPEAT: repeat-x; }

td { color: ffffff; font-family: tahoma, verdana; }
		
	td.featured		{ color: #ffea00; font-family: tahoma; font-size: 13pt; padding-left: 8px;}
	td.featuredimage{ padding-left: 2px;}
	td.featureddate	{ color: #ffffff; font-family: tahoma; font-size: 9pt; align: right; padding-right: 3px; text-align: right;}
	
	td.monthly		{ color: #feb300; font-family: tahoma; font-size: 10pt; font-weight: bold; padding-left: 8px;}
	td.monthlyimage{ padding-left: 15px;}

select { font-family: Tahoma, Arial, Helvetica; font-size: 8pt; color: #ffb019; background-color: #030a14; }

option.orange { font-family: Tahoma, Arial, Helvetica; font-size: 8pt; color: #ffb019; background-color: #030a14; }
option.gray { font-family: Tahoma, Arial, Helvetica; font-size: 8pt; color: #945d22; background-color: #030a14; }
option.grayorange { font-family: Tahoma, Arial, Helvetica; font-size: 8pt; color: #775026; background-color: #030a14; }
	
		
	
		small	  { font-family: Arial,Helvetica,Sans-Serif; color: #D7CEA4; font-size: 8pt; }	

hr {
  border: 0;
  width: 98%;
  color: #292929;
background-color: #292929;
height: 1px;
  
}
span.grey { font-family: Arial,Helvetica,Sans-Serif; color: #A0A1A3; font-size: 8pt; }
.main {
    width:181px;
}
	
.myPurple {
  color: A335EE;
  font-weight: bold;
  font-size: 8pt;
 }
 .myBlue {
  color: 0070DD;
  font-weight: bold;
  font-size: 8pt;
 }
 .myGray {
  color: 999999;
  font-size: 8pt;
 }  
 .myGreen {
  color: 00FF00;
  font-size: 8pt;
 }
 .myYellow {
  color: ffd517;
  font-size: 8pt;
 } 
 .myRed {
  color: d80000;
  font-size: 8pt;
 }  
 .myTable {
  color: FFFFFF;
  font-size: 8pt;
 }

 .myBlueGem { color:#999999; display:block; background:url(/shared/wow-comimages/basics/honor/rewards/blue-mini.gif) no-repeat 3px 4px; padding-left:19px; font-size: 8pt;}
 .myMetaGem { color:#999999; display:block; background:url(/shared/wow-comimages/basics/honor/rewards/meta-mini.gif) no-repeat 3px 4px; padding-left:19px; font-size: 8pt;}
 .myOrangeGem { color:#999999; display:block; background:url(/shared/wow-comimages/basics/honor/rewards/orange-mini.gif) no-repeat 3px 4px; padding-left:19px; font-size: 8pt;}
 .myPurpleGem { color:#999999; display:block; background:url(/shared/wow-comimages/basics/honor/rewards/purple-mini.gif) no-repeat 3px 4px; padding-left:19px; }
 .myRedGem { color:#999999; display:block; background:url(/shared/wow-comimages/basics/honor/rewards/red-mini.gif) no-repeat 3px 4px; padding-left:19px; font-size: 8pt;}
 .myYellowGem { color:#999999; display:block; background:url(/shared/wow-comimages/basics/honor/rewards/yellow-mini.gif) no-repeat 3px 4px; padding-left:19px; font-size: 8pt;}

	
</style>
    
<style type="text/css" title="currentStyle" media="screen">
        @import "scripts/new-hp/en/css/loader_screen.css";
    </style>
    <link rel="stylesheet" type="text/css" href="scripts/wow.css" id="pageStyle">
<!--     <script type="text/javascript" src="scripts/wow.js"></script> -->
    <script type="text/javascript" src="scripts/detection.js"></script>		
	<script type="text/javascript" src="scripts/new-hp/js/functions.js"></script>
    <script type="text/javascript" src="scripts/new-hp/js/xslxml_transform.js"></script>
    <script type="text/javascript">
	//<![CDATA[
	if (is_ie)
		document.write('<link rel="stylesheet" type="text/css" href="scripts/new-hp/css/additional_win_ie.css" media="screen, projection" />');
	if(is_opera8)
		document.write('<link rel="stylesheet" type="text/css" href="scripts/new-hp/css/additional_opera.css" media="screen, projection" />');
	//]]>
	</script>
</head>
<body>
<script type="text/javascript">
    if (is_safari || is_opera){
        document.write('<iframe id="xmlFrame" name="xmlFrame" src="/fr/fr/new-hp/layout/layout.xml" width="0" height="0" frameborder="0" scrolling="no" onload="headerLoad();"></iframe>');
    }
</script>
<script type="text/javascript">
	Init();
</script>
<div id="pageContentContainer">
<center>
<div id="pageContent">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" id="contentTable">
<tr>
<td><p>

	<script type="text/javascript" src="scripts/armorsets/en/localize.js"></script>	
    <script type="text/javascript" src="scripts/armorsets/dontlocalize.js"></script>
    <script language = "javascript">
var theArmorSetCounter = 0;
</script>
<script type="text/javascript" src="scripts/armorsets/en/dungeon1.js"></script>	
<script type="text/javascript" src="scripts/armorsets/en/dungeon2.js"></script>
<script type="text/javascript" src="scripts/armorsets/en/tier1raid.js"></script>	
<script type="text/javascript" src="scripts/armorsets/en/tier2raid.js"></script>	
<script type="text/javascript" src="scripts/armorsets/en/tier3raid.js"></script>
<script type="text/javascript" src="scripts/armorsets/en/tier4raid.js"></script>
<script type="text/javascript" src="scripts/armorsets/en/tier5raid.js"></script>
<script type="text/javascript" src="scripts/armorsets/en/pvpsuperior.js"></script>
<script type="text/javascript" src="scripts/armorsets/en/pvpepic.js"></script>



	<script type="text/javascript">
	<!--

  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split(",");
}
	var theDungeonNumber = pair[0];
	var theClassNumber = theClassNumber2 = pair[1];
	var theRaceNumber = pair[2];
	var gender = pair[3];
	var theDungeon = "";
	
	// Defaults values here (when page is opened without numbers)
	if (!theDungeonNumber){
		var theDungeonNumber = "5";
		var gender = "0";
		var theClassNumber = 0;
		var theClassNumber2 = 0;		
		var theRaceNumber = 0;
	}
	
	gender = (gender == 0) ? "male" : "female";	
	
	switch (theDungeonNumber) {	
		case "0" : theDungeon = "dungeon1"; break;
		case "1" : theDungeon = "dungeon2"; break;
		case "2" : theDungeon = "tier1raid"; break;
		case "3" : theDungeon = "tier2raid"; break;
		case "4" : theDungeon = "tier3raid"; break;
		case "5" : theDungeon = "pvpsuperior"; break;
		case "6" : theDungeon = "pvpepic"; break;
	} 
		
	
    var setName = armorSetsArray[theDungeonNumber].setNamesArray[theClassNumber2];
	var theClass = classArray[theClassNumber];	
	var theRace = raceArray[theRaceNumber];

	//-->
	</script>		
	

    <style type="text/css">
#contents{
    visibility: hidden;
    position: absolute;
    Z-INDEX: 999999;
}
#tooltipText{
    visibility: hidden;
    color: #ffffff;
    font-family: verdana, arial, sans-serif;
    font-size:8pt;
    font-weight:normal;
    padding: 4px;
    white-space:nowrap;
}
.trans_div {
/* This is an IE filter command. Other browsers will ignore it */
/* It goes into the trans_div class */
}
.trans_div, #suggestBox, div.dateSelector  {
    background-image:url(images/blue-bg.png);
}
    </style>
    <!--[if lt IE 7]>
    <style type="text/css">
        .trans_div { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/blue-bg.png'); }
    </style>
<![endif]-->
  <div id="contents">
    <table cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td width="1" height="1"></td>
        <td bgcolor="#ffffff" height="1"><img src="images/pixel.gif" width="1" height="1"></td>
        <td width="1" height="1"></td>
      </tr>
      <tr>
        <td bgcolor="#A5A5A5" width="1"><img src="images/pixel.gif" width="1" height="1"></td>
        <td valign="top" class="trans_div"><div id="tooltipText"></div></td>
        <td bgcolor="#A5A5A5" width="1"><img src="images/pixel.gif" width="1" height="1"></td>
      </tr>
      <tr>
        <td width="1" height="1"></td>
        <td bgcolor="#4F4F4F"><img src="images/pixel.gif" width="1" height="2"></td>
        <td width="1" height="1"></td>
      </tr>
    </table>
  </div>
  <script type="text/javascript" src="scripts/third-party/tooltip.js"></script>
  <div class = "header"></div>
  <!--  BANNER & NAV -->
  <!-- BEGIN NEW BANNER -->
  <style type="text/css">
	.attribute 		{ font-family: "Arial", "Helvetica", "Sans-Serif"; color: #000000; font-weight: bold; font-size: 12;}	   
   	   #icon { position: absolute;
			top: -144px;
			left: 310px;
			z-index: 100;
       }
	    #icon1 { position: absolute;
			top: -55px;
			left: 45px;
			z-index: 100;
       }	
   	   #text { position: relative;
			top: 78px;
			left: 12px;
			z-index: 100;
       }	   
		#wrapper { position: relative;
			z-index: 100;
       }
		#wrapper99 { position: relative;
			z-index: 99;
       }	
  </style>
  <!-- END NEW BANNER -->
  <!-- BEGIN NEW Subnav -->
<script language = "javascript">
var pageId = "Ensembles d'armures";
  </script>
  <style type="text/css">

.navigation
		{
		font-family:arial,palatino, georgia, verdana, arial, sans-serif;
		color:#000000;
		padding:5px;
		margin-bottom: 4px;
		background-color: #E7CFA3;
		background-image: url('../../../../shared/wow-com/images/parchment/plain/light.jpg');
		border-style: solid; border-color: #000000; border-width: 0px; border-bottom-width:1px; border-top-width:1px;
		}

.button
		{
		color:#FFFFFF;
		font-size:9px;
		letter-spacing:-1px;
		}

a.nav:link		{ 	
			font-family: arial,verdana, sans-serif;
			color: CBA300;
			font-size: 11px;
			font-weight:normal;
			}
			
a.nav:visited 	{
			font-family: arial,verdana, sans-serif;
			color: CBA300;
			font-size: 11px;
			font-weight:normal;
			}
			
a.nav:hover		{ 
			font-family: arial,verdana, sans-serif;
			color: FFFFFF;
			font-size: 11px;
			font-weight:normal;
			}
			
a.nav:active 	{ 
			font-family: arial,verdana, sans-serif;
			color: CBA300;
			font-size: 11px;
			font-weight:normal;
			}


  </style>
  <!-- END NEW Subnav -->
  <!--  END BANNER & NAV -->
  <table cellspacing = "0" cellpadding = "0" border = "0">
    <tr>
        <td valign = "top">
            <table cellspacing = "0" cellpadding = "0" border = "0" width = "200" style = "BACKGROUND-IMAGE: url('images/framebg.jpg');  BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: top center;">
                <tr>
                    <td>
                        <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/border-left.gif');  BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: top left;">
                            <tr>
                                <td>
                                    <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/border-right.gif');  BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: top right;">
                                        <tr>
                                            <td>
                                                <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/ss-border-top.gif'); BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: top center;">
                                                    <tr>
                                                        <td>
                                                            <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/border-bot.gif');  BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: bottom center;">
                                                                <tr>
                                                                    <td>
                                                                        <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/ss-border-top-left.gif');  BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: top left;">
                                                                            <tr>
                                                                                <td>
                                                                                    <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/ss-border-top-right.gif');  BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: top right;">
                                                                                        <tr>
                                                                                            <td>
                                                                                                <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/border-bot-left.gif');  BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: bottom left;">
                                                                                                    <tr>
                                                                                                        <td>
                                                                                                            <table cellspacing = "0" cellpadding = "0" border = "0" width = "100%" style = "BACKGROUND-IMAGE: url('images/border-bot-right.gif');  BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: bottom right;">
                                                                                                                <tr>
                                                                                                                    <td valign = "top">
                                                                                                                        <br><img src = "images/pixel.gif" width = "450" height = "10"><br>
                                                                                                                        <center>
                                                                                                                        <span id="setName" style="font-family: Arial; color: #fff; font-size: 20px; letter-spacing: 1px;">&nbsp;</span>
                                                                                                                        <br><img src = "images/pixel.gif" width = "450" height = "5"><br>
                                                                                                                        <table cellpadding="0" cellspacing="0" border="0">
                                                                                                                            <tr>
                                                                                                                                <td colspan = 3><img src = "images/top.gif"></td>
                                                                                                                            </tr>
                                                                                                                            <tr>
                                                                                                                                <td><img src = "images/side.gif"></td>
                                                                                                                                <script language = "javascript">
                                                                                                                                document.write('<td><img src = "images/'+ theDungeon +'/'+ theClass +'/'+ theRace +'-'+ gender +'.jpg" id = "theImage"></td>');
                                                                                                                                </script>
                                                                                                                                <td><img src = "images/side.gif"><td>
                                                                                                                            </tr>
                                                                                                                            <tr>
                                                                                                                                <td colspan = 3><img src = "images/top.gif"></td>
                                                                                                                            </tr>
                                                                                                                        </table>
                                                                                                                        <br><br>
                                                                                                                        <img src = "images/pixel.gif" width = "475" height = "10">
                                                                                                                        </center>
                                                                                                                       </span>
                                                                                                                    </td>
                                                                                                                </tr>
                                                                                                            </table>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                </table>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>			
         </td>
         <td>&nbsp;</td>
         <td align = "center" valign = "top" height="100%">
            <table cellpadding="0" cellspacing="0" height="100%">
                <tr><td colspan="3" background="images/top.gif"><img src="images/pixel.gif" height="1" width="100"></td></tr>
                <form id = "armorSets" name = "armorSets">
                <tr>
                    <td background="images/side.gif"><img src="images/pixel.gif" width="1"></td>
                    <td valign="top" bgcolor="#000" align="center" height="100%">
                        <br />
                        <div style = "position: relative; left: 20px; top: -10px;"><div style="position: absolute; _left: -50%; width: 100%; text-align: left;"><img src="images/options.jpg"></div></div>
                        <div style = "padding: 3px;">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr><td colspan="3" background="images/top.gif"><img src="images/pixel.gif" height="1" width="100"></td></tr>
                            <tr>
                                <td background="images/side.gif"><img src="images/pixel.gif" width="1" height="1"></td>
                                <td valign ="top" bgcolor="000">
                                    <div style = "padding: 5px; padding-top: 20px;">
                                    <table border = 0 cellpadding = 2 cellspacing = 0 width="100%" style="font-size: 8pt;">
                                        <tr>
                                            <td>&nbsp;<script type="text/javascript">document.write(selectArmortype);</script><br>
                                                <select onChange = "javascript:changeArmorSet(this.value, document.forms['armorSets'].formSelectClass.selectedIndex);" name = "formSelectArmorSet" style="width: 130px;">
                                                    <script language = "javascript">
                                                    for (var a = 0; a < armorSetsValues.length; a++) {
                                                    	document.write('<option value = "'+ a +'">'+ armorSetsLocalized[a] +'</option>');
                                                    }
                                                    document.forms["armorSets"].formSelectArmorSet.selectedIndex = theDungeonNumber;	                                                                                                                                            
                                                    </script>
                                                </select>
                                            </td>
                                        </tr>
										<tr>
                                            <td><div id="selectSetSpecDiv" style="display: none;">&nbsp;<script type="text/javascript">document.write(selectSetSpec);</script><br>
                                                <select onChange="changeSetSpec(this.value, document.forms['armorSets'].formSelectClass.selectedIndex)" id="formSelectSetSpec" name="formSelectSetSpec" style="width: 130px;">
													<option value=""></option>
	                                            </select>
												</div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td>&nbsp;<script type="text/javascript">document.write(selectClass);</script><br>
                                                <select onChange="changeClass(this.value)" name = "formSelectClass" style="width: 130px;">
                                                    <script language = "javascript">
                                                	a = 0;
                                                	while (a < classArray.length) {
                                                    //		document.write('<option value ="'+ classArray[a] +'" id = "option'+ classArray[a] +'">'+ classArrayLocalized[a] +'</option>');
                                                		document.write('<option value ="'+ a +'" id = "option'+ classArray[a] +'">'+ classArrayLocalized[a] +'</option>');
                                                		a++;
                                                   	}
                                                    </script>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;<script type="text/javascript">document.write(selectRace);</script><br>
                                                <script language = "javascript">
                                                	document.write('<div id = "selectRace">');
                                                	document.write('<select onchange="changeRace(this.value)" name = "formSelectRace"  style="width: 130px;">');
                                                	fillSelectRace(theClassNumber);
                                                	document.write('</select>');
                                                	document.write('</div>');
                                                </script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;<script type="text/javascript">document.write(selectGender);</script><br>
                                                <select onChange="changeGender(this.value)" name = "formSelectGender" style="width: 130px;">
                                                    <script language = "javascript">
                                                    	document.write('<option value ="female">'+ female +'</option>');
                                                    	document.write('<option value ="male">'+ male +'</option>');
                                                    </script>
                                                </select>
                                            </td>
                                        </tr>
                                    </table>
                                    </div>
                                </td>
                                <td background="images/side.gif"><img src="images/pixel.gif" width="1"></td>
                            </tr>
                  </form>
                            <tr><td colspan="3" background="images/top.gif"><img src="images/pixel.gif" height="1" width="100"></td></tr>
                </table>				
                        <br><br>
                        <div style = "position: relative; left: 10px; top: -11px;"><div style="position: absolute; _left: -50%; width: 100%; text-align: left;"><img src="images/title-item.jpg"></div></div>
                        <table cellpadding="0" cellpadding="0" border="0">
            <tr><td colspan="3" background="images/top.gif"><img src="images/pixel.gif" height="1" width="100"></td></tr>
                            <tr>
                                <td background="images/side.gif"><img src="images/pixel.gif" width="1"></td>
                                <td valign="top" bgcolor="#000">
                                    
                                    <div style="padding: 5px;">
                                        <div id="uberLeet"></div>
                                    </div>
                                </td>
                                <td background="images/side.gif"><img src="images/pixel.gif" width="1"></td>
                            </tr>
                            <tr>
                                <td colspan="3" background="images/top.gif"><img src="images/pixel.gif" height="1" width="100"></td>
                            </tr>
          </table>				
                        <center>
                        <table cellpadding="2" cellspacing="0" border="0" width="151">
                            <tr>
                                <td>
                                <span style = "color: ffffff; font-family: tahoma, verdana; font-size: 7.5pt;">
                                    <script language = "javascript">
                                    	document.write(mouseOverIcons);
                                    </script>
                                </span>
                                </td>
                            </tr>
                        </table>
                    </center>
                    <p>
        </td>
                    <td background="images/side.gif"><img src="images/pixel.gif" width="1"></td>
      </tr>
                <tr><td colspan="3" background="images/top.gif"><img src = images/pixel.gif height="1" width="100"></td></tr>
    </table>																
   	    </td>
    </tr>
    <script language = "javascript">

var showItemID = theClassNumber * armorSetsArray[theDungeonNumber].slotsNumber;
switcherooo();
changeClass(theClassNumber);
changeClassColors(theRaceNumber);
changeRace(theRaceNumber);

document.forms["armorSets"].formSelectClass.selectedIndex = theClassNumber;	
if (gender == "female")
	document.forms["armorSets"].formSelectGender.selectedIndex = 0;
else
	document.forms["armorSets"].formSelectGender.selectedIndex = 1;
		
</script>
</div>
</div>


<script type="text/javascript">
_uacct = "UA-320380-1";
urchinTracker();
</script>

</body>
</html>
